<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="java.util.List"%>
<%@ page import="tw.com.msig.b2c.car.setting.vo.CarTypeVo"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<jsp:include page="/layout/meta.jsp" />
</head>
<body>
	<div id="header">
		<jsp:include page="/layout/header.jsp" />
	</div>
	<div id="navigator">
		<jsp:include page="/layout/navigator.jsp" />
	</div>
	<div id="container" class="panel panel-default">
			<ol class="panel-heading breadcrumb">
    			<li>保單</li>
				<li>新保</li>
			</ol>
			<div class="panel-body">
				<h3>新保作業</h3>
				<form id="form" class="form-horizontal"
					action="<%=request.getContextPath()%>/application/apply.do?sActionType=step2" method="post">
					
					<div class="form-group">
						<label class="col-sm-2 control-label">身份別</label>
						<div class="col-sm-2">
							<div class="radio">
								<label>
									<input type="radio" id="ident_1" name="ident" value="1" >自然人
								</label>
							</div>
							<div class="radio">
								<label>
									<input type="radio" id="ident_2" name="ident" value="2" >法人
								</label>
							</div>
							<span class="help-block"><span class="text-danger"></span></span>
						</div>
					</div>
					<div class="form-group">
						<label for="idNo" class="col-sm-2 control-label">身份證號</label>
						<div class="col-sm-2">
							 <input class="form-control" type="text" id="idNo" name="idNo" />
							 <span class="help-block"><span class="text-danger"></span></span>
						</div>	
					</div>			
					<div class="form-group">
						<label for="name" class="col-sm-2 control-label">姓名</label>
						<div class="col-sm-2">
							 <input class="form-control" type="text" id="name" name="name" />
							 <span
								class="help-block"><span class="text-danger"></span></span>
						</div>	
					</div>		
					<div class="form-group">
						<label for="birthday" class="col-sm-2 control-label">生日</label>
						<div class="col-sm-2">
							 <input class="form-control" type="text" id="birthday" name="birthday" />
							 <span
								class="help-block"><span class="text-danger"></span></span>
						</div>	
					</div>			
					<div class="form-group">
						<label for="carTypeCode" class="col-sm-2 control-label">車種</label>
						<div class="col-sm-2">
							<select class="form-control" id="carTypeCode" name="carTypeCode" >
							
								<%
									List<CarTypeVo> carTypeVos = (List<CarTypeVo>) request.getAttribute("carTypes");
									
																
								
									for(CarTypeVo carType:carTypeVos) {
										
										//pageContext.setAttribute("city", city);
								%>
										<option value="<%=carType.getCode()%>"> <%=carType.getName()%> </option>
								<%
									}
								%>
							</select>
					
							 <span
								class="help-block"><span class="text-danger"></span></span>
						</div>	
					</div>	
					<div class="form-group">
						<label for="licenseNo" class="col-sm-2 control-label">車牌號碼</label>
						<div class="col-sm-2">
							 <input class="form-control" type="text" id="licenseNo" name="licenseNo" />
							 <span
								class="help-block"><span class="text-danger"></span></span>
						</div>	
					</div>	

					<button id="submitBtn" class="col-sm-offset-1 btn btn-primary btn-lg">試算</button>
					
				</form>
			</div>
		</div>

</body>
<script>
	$("#birthday").datepicker({
		dateFormat:'yy/mm/dd',
		changeYear:true,
		maxDate:0,
		yearRange:"1900:9999"
	});
</script>
</html>